<template>
  <div style="overflow:hidden; width=100px;">
    <div v-show="visible" class="header-detail" style="position:absolute; overflow:auto">
      <div class="detail-wrapper clear-fix">
        <div class="detail-main">
          <h1 class="name">{{seller.name}}</h1>
          <div class="title">
            <div class="line"></div>
            <div class="text">用户需知</div>
            <div class="line"></div>
          </div>
          <div class="bulletin">
<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>CNC</span><span style='font-family:宋体'>、</span><span lang=EN-US>USDT</span><span
style='font-family:宋体'>分别是由比特股系统和</span><span lang=EN-US>Tether</span><span
style='font-family:宋体'>公司推出的与法币等价兑换的数字货币，用户可以随时使用</span><span lang=EN-US>CNC</span><span
style='font-family:宋体'>、</span><span lang=EN-US>USDT</span><span
style='font-family:宋体'>和法币进行</span><span lang=EN-US>1:1</span><span
style='font-family:宋体'>兑换</span><span lang=EN-US>,</span><span
style='font-family:宋体'>严格遵守</span><span lang=EN-US>1:1</span><span
style='font-family:宋体'>准备金保障；</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span style='font-family:宋体'>本平台严格审核承兑商进驻标准，所有进驻的承兑商都经过严格筛选。承兑商可为您提供：</span><span
lang=EN-US>CNC</span><span style='font-family:宋体'>、</span><span lang=EN-US>USDT</span><span
style='font-family:宋体'>和法币的互相兑换。</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>承兑商与用户进行</span><span lang=EN-US>OTC</span><span
style='font-family:宋体'>承兑，用户请务必使用个人实名的支付渠道进行交换，以免产生纠纷与分歧。如用户未使用个人实名的支付渠道进行交换，承兑商有权退回款项并拒绝承兑。</span></p>
          </div>
          <div class="title">
            <div class="line"></div>
            <div class="text">充值和提现</div>
            <div class="line"></div>
          </div>
          <div class="bulletin">
<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>承兑商皆于平台实名认证，且不低于</span><span lang=EN-US>2W</span><span
style='font-family:宋体'>元等值的</span><span lang=EN-US>CNC</span><span
style='font-family:宋体'>、</span><span lang=EN-US>USDT</span><span
style='font-family:宋体'>保证金多签锁定至平台。</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>承兑充值过程采取用户先款的方式交换，承兑商确认收取到款项后，进行放币。如遇到承兑商收款不放币的情况，请用户在款项支付之后的</span><span
lang=EN-US>2</span><span style='font-family:宋体'>小时后邮件到</span><span lang=EN-US>daxiangOTC@outlook.com</span><span
style='font-family:宋体'>，平台会介入调查核实要求双方举证，调查属实将以承兑商保证金进行支付放币并对承兑商进行交易额的</span><span
lang=EN-US>10%</span><span style='font-family:宋体'>违约金扣除处罚。（单笔交易请不要超过承兑商保证金）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>承兑提现过程采取用户先币的方式交换，承兑商确认收取到币后，进行放款。如遇到承兑商收币不放款的情况，请用户在款项支付之后的</span><span
lang=EN-US>2</span><span style='font-family:宋体'>小时后邮件到</span><span lang=EN-US>daxiangOTC@outlook.com</span><span
style='font-family:宋体'>，平台会介入调查核实要求双方举证，调查属实将以承兑商保证金进行支付放款并对承兑商进行交易额的</span><span
lang=EN-US>10%</span><span style='font-family:宋体'>违约金扣除处罚。（建议单笔交易请不要超过承兑商保证金）</span></p>

          </div>  
          <div class="title">
            <div class="line"></div>
            <div class="text">承兑商申请</div>
            <div class="line"></div>
          </div>
          <div class="bulletin">
<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>申请承兑商需准备以下资料：</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>1.</span><span style='font-family:宋体'>姓名</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>2.</span><span style='font-family:宋体'>身份证号码</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>3.QQ</span><span style='font-family:宋体'>号码</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>4.</span><span style='font-family:宋体'>承兑昵称（最多</span><span
lang=EN-US>6</span><span style='font-family:宋体'>个字）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>5.</span><span style='font-family:宋体'>手机号码</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>6.</span><span style='font-family:宋体'>广告语（最多</span><span lang=EN-US>12</span><span
style='font-family:宋体'>字）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>7.</span><span style='font-family:宋体'>紧急联系人姓名</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>8.</span><span style='font-family:宋体'>紧急联系人手机号码</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>9.</span><span style='font-family:宋体'>头像（</span><span lang=EN-US>42*42</span><span
style='font-family:宋体'>）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>10.</span><span style='font-family:宋体'>身份证正面图片（建议带水印字样）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>11.</span><span style='font-family:宋体'>身份证反面图片（建议带水印字样）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>12.</span><span style='font-family:宋体'>手持身份证照片（建议带水印字样）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>13.</span><span style='font-family:宋体'>资产证明（法币资产</span><span
lang=EN-US>+USDT+CNC</span><span style='font-family:宋体'>的价值之和大于</span><span
lang=EN-US>5</span><span style='font-family:宋体'>万元）</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
lang=EN-US>14.</span><span style='font-family:宋体'>引荐人</span></p>

<p class=content><span lang=EN-US>&nbsp;</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>以上资料请请压缩打包邮件到：</span><span lang=EN-US>daxiangOTC@outlook.com</span><span
style='font-family:宋体'>，平台人员将严格审核确认用户是否符合承兑商资质。如审核通过，将在</span><span lang=EN-US>72h</span><span
style='font-family:宋体'>内上线至平台页面展示。如需退出承兑商的工作，请发送邮件到</span><span lang=EN-US>daxiangOTC@outlook.com</span><span
style='font-family:宋体'>进行退还平台保证金操作。</span></p>

<p class=content><span lang=EN-US>&nbsp;</span></p>

<p class=content style='text-indent:21.0pt;line-height:150%'><span
style='font-family:宋体'>温馨提示：本平台对</span><span lang=EN-US>OTC</span><span
style='font-family:宋体'>交易不收取任何费用，承兑商会收取一定交易手续费。望用户周知。</span></p>

          </div>
        </div>
      </div>
      <div class="detail-close" @click="hide">
        <i class="icon-close"></i>
      </div>
    </div>
  </div>

</template>

<script>
  import popupMixin from 'common/mixins/popup'
  import Star from 'components/star/star'
  import SupportIco from 'components/support-ico/support-ico'

  export default {
    name: 'header-detail',
    mixins: [popupMixin],
    props: {
      seller: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    components: {
      SupportIco,
      Star
    }
  }
</script>

<style lang="stylus" scoped>
  @import "~common/stylus/mixin"
  @import "~common/stylus/variable"

  .header-detail
    position: fixed
    z-index: 100
    top: 0
    left: 0
    width: 100%
    height: 100%
    overflow: auto
    backdrop-filter: blur(10px)
    opacity: 1
    color: $color-white
    background: $color-background-s
    &.fade-enter-active, &.fade-leave-active
      transition: all 0.5s
    &.fade-enter, &.fade-leave-active
      opacity: 0
      background: $color-background
    .detail-wrapper
      display: inline-block
      width: 100%
      min-height: 100%
      .detail-main
        margin-top: 64px
        padding-bottom: 64px
        .name
          line-height: 16px
          text-align: center
          font-size: $fontsize-large
          font-weight: 700
        .star-wrapper
          margin-top: 18px
          padding: 2px 0
          text-align: center
        .title
          display: flex
          width: 80%
          margin: 28px auto 24px auto
          .line
            flex: 1
            position: relative
            top: -6px
            border-bottom: 1px solid rgba(255, 255, 255, 0.2)
          .text
            padding: 0 12px
            font-weight: 700
            font-size: $fontsize-medium

        .supports
          width: 80%
          margin: 0 auto
          .support-item
            display: flex
            align-items: center
            padding: 0 12px
            margin-bottom: 12px
            &:last-child
              margin-bottom: 0
            .support-ico
              margin-right: 6px
            .text
              line-height: 16px
              font-size: $fontsize-small
        .bulletin
          width: 80%
          margin: 0 auto
          .content
            padding: 0 12px
            line-height: 24px
            font-size: $fontsize-small
    .detail-close
      position: relative
      width: 30px
      height: 30px
      margin: -64px auto 0 auto
      clear: both
      font-size: $fontsize-large-xxxx
</style>
